<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>loding</title>
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="all">
    <div class="rotating-plane"></div>
</div>
<div class="all">
    <div class="double-bounce">
        <div class="chidl double-bounce-1"></div>
        <div class="chidl double-bounce-2"></div>
    </div>
</div>
<div class="all">
    <div class="wave">
        <div class="rect rect1"></div>
        <div class="rect rect2"></div>
        <div class="rect rect3"></div>
        <div class="rect rect4"></div>
        <div class="rect rect5"></div>
    </div>
</div>
<div class="all">
    <div class="cubes">
        <div class="cube cube-1"></div>
        <div class="cube cube-2"></div>
    </div>
</div>
<div class="all">
    <div class="spinner"></div>
</div>
<div class="all">
    <div class="dots">
        <div class="chidl dot-1"></div>
        <div class="chidl dot-2"></div>
    </div>
</div>
<div class="all">
    <div class="three-bounce">
        <div class="child bounce-1"></div>
        <div class="child bounce-2"></div>
        <div class="child bounce-3"></div>
    </div>
</div>
<div class="all">
    <div class="circle-bounce">
        <div class="child circle1"></div>
        <div class="child circle2"></div>
        <div class="child circle3"></div>
        <div class="child circle4"></div>
        <div class="child circle5"></div>
        <div class="child circle6"></div>
        <div class="child circle7"></div>
        <div class="child circle8"></div>
        <div class="child circle9"></div>
        <div class="child circle10"></div>
        <div class="child circle11"></div>
        <div class="child circle12"></div>
    </div>
</div>
<div class="all">
    <div class="cube-grid">
        <div class="cube cube-1"></div>
        <div class="cube cube-2"></div>
        <div class="cube cube-3"></div>
        <div class="cube cube-4"></div>
        <div class="cube cube-5"></div>
        <div class="cube cube-6"></div>
        <div class="cube cube-7"></div>
        <div class="cube cube-8"></div>
        <div class="cube cube-9"></div>
    </div>
</div>
<div class="all">
    <div class="circle-opactiy">
        <div class="child circle1"></div>
        <div class="child circle2"></div>
        <div class="child circle3"></div>
        <div class="child circle4"></div>
        <div class="child circle5"></div>
        <div class="child circle6"></div>
        <div class="child circle7"></div>
        <div class="child circle8"></div>
        <div class="child circle9"></div>
        <div class="child circle10"></div>
        <div class="child circle11"></div>
        <div class="child circle12"></div>
    </div>
</div>
<div class="all">
    <div class="folding-cube">
        <div class="cube cube-1"></div>
        <div class="cube cube-2"></div>
        <div class="cube cube-4"></div>
        <div class="cube cube-3"></div>
    </div>
</div>
</body>
</html>